<template>
  <div class="top-menu">
    <slot name="menu1" />
    <slot name="menu2" />
    <slot name="menu3" />
    <slot name="menu4" />
  </div>
</template>

<script setup>
import {defineComponent} from "vue";

defineComponent({
  name: 'TopMenu'
})
</script>

<style scoped lang="scss">
.top-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 180px;
}
</style>